<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./about.css">
  <title>about</title>
</head>

<body>
  <div class="about">
    <img class="about_bgc" src="./img/from1.png" alt="">
    <div class='ribbon'>
      <a href='./home.html'><span>Home</span></a>
      <a href='./about.html'><span>About</span></a>
      <a href='./form.html'><span>Form</span></a>

    </div>
    <div class="me">
      <img class="me_img" src="./png/DSC00414.JPG" alt="">
      <span class="me_tit animate ">
        <div>这是一段测试文本：</div>
        <div>"从明天起，做一个幸福的人</div>
        <div>喂马，劈柴，周游世界</div>
        <div>从明天起，关心粮食和蔬菜</div>
        <div>我有一所房子，面朝大海，春暖花开</div>
        <div>从明天起，和每一个亲人通信</div>
        <div>告诉他们我的幸福，那幸福的闪电告诉我的</div>
        <div>我将告诉每一个人</div>
        <div>给每一条河每一座山取一个温暖的名字</div>
        <div>陌生人，我也为你祝福</div>
        <div>愿你有一个灿烂的前程</div>
        <div>愿你有情人终成眷属</div>
        <div>愿你在尘世获的幸福”</div>
      </span>
    </div>
    <div class="videos">
      <span>
        这是一段视频。
        <div>"从明天起，做一个幸福的人</div>
        <div>喂马，劈柴，周游世界</div>
        <div>从明天起，关心粮食和蔬菜</div>
        <div>我有一所房子，面朝大海，春暖花开</div>
        <div>从明天起，和每一个亲人通信</div>
        <div>告诉他们我的幸福，那幸福的闪电告诉我的</div>
        <div>我将告诉每一个人</div>
        <div>给每一条河每一座山取一个温暖的名字</div>
        <div>陌生人，我也为你祝福</div>
        <div>愿你有一个灿烂的前程</div>
        <div>愿你有情人终成眷属</div>
        <div>愿你在尘世获的幸福”</div>
      </span>
      <video width="800" controls id="video" preload="auto" height="100%" autoplay="autoplay" loop="loop"
        type="video/mp4" src=""></video>

    </div>
  </div>

</body>

</html>